.ht_1{display:block;}
.ht_2{display:none;}
.ht_3{display:none;}
/*第一页*/
.main1{height: 600px;width: 100%;/*border: 1px solid red;*/margin-top:57px;}
.bg_img{background: url("../images/index/bg_group_1.png")no-repeat 0 -80px;background-size:100% 570px;background-repeat: no-repeat ;}
.main1 .m1_left{position: relative;/*border: 1px solid red;*/width:63%;margin-top: 30px;} /*视频*/
.main1 .m1_left img{width: 100%;}
.main1 video{position: absolute;top:12%;left:9%;width: 83%;}
.main1 .m1_right{/*border: 1px solid red;*/width: 100%;height: 350px;margin-top:120px;position: relative;}
.main1 .m1_right .img_1{width: 82px;}
.main1 .m1_right .text_1{color: #fffefe;vertical-align:middle;font-size:55px;font-weight:bold;margin-left: 25px;}
.main1 .m1_right .text_2{color: #fffefe; font-size:29px;font-weight:600;vertical-align:middle;margin-left:9%;position:absolute;top:20px;}
.main1 .m1_right p{font-size: 24px;color: #fffefe;margin-top: 35px;}
.main1 .m1_right .img_2{position:absolute;left: 15%;margin-top:35px;width: 27%;}
.main1 .m1_right .img_3{position:absolute;right: 0;width: 27%;margin-top:35px;}

/*第二页*/
.main2{height: 560px;width: 100%;/*border: 1px solid yellow;*/margin-top: 20px;}
.main2 .col-md-7{margin-top: 5%;}
.main2 .col-md-7 .text_1{color: #333333;font-size: 42px;font-weight: 600;}
.main2 .col-md-7 .text_2{color: #787c82;font-size: 20px;}
.main2 .row_div{margin-top:6%;border-radius: 16px;box-shadow: 0px 9px 38px 0px rgba(181, 44, 2, 0.27);background-color: #ffffff;height: 198px;}
.main2 .row_div .text-center{margin-top: 17%;}
.main2 .col-md-5 div{width: 100%;position: relative;}
.main2 .col-md-5 div img{width:62%;position: absolute;right: 0;}

/*第四页*/
.main3{background: url("../images/index/bg_group_2.png")no-repeat 0 50px;background-size:100% 520px;background-repeat: no-repeat ;}
.main3{height: 580px;width: 100%;/*border: 1px solid red;*/margin-top: 50px;}
.main3 .col-md-5{position: relative;}
.main3 .col-md-5 .text-center{width: 100%;}
.main3 .col-md-5 .text-center img{width:62%;}
.main3 .col-md-5 .photo1{position: absolute;width:100%;top:-5%; left:2%;}
.main3 .col-md-5 .photo1 img{width: 33%;}
.main3 .col-md-5 .photo2{position:absolute;width:100%;bottom:13%; left:10%;}
.main3 .col-md-5 .photo2 img{width: 30%;}
.main3 .col-md-5 .photo3{position:absolute;width:20%;top:25%;right:5%;}
.main3 .col-md-7 .m3_text1{color: #333333;font-size: 42px;font-weight:600;}
.main3 .col-md-7{position: relative;}
.main3 .col-md-7 .m3_t3{width: 80%;position: absolute;right: 0;margin-top: 20%;}
.main3 .col-md-7 .m3_t3 p{color: #ffffff;font-size: 24px;}

/*第四页*/
.main4{height: 570px;width: 100%;/*border: 1px solid red;*/margin-top: 70px;}
.main4 .col-md-7 .text_1{color: #333333;font-size: 42px;font-weight:600;}
.main4 .col-md-7 .text_2{font-size: 20px;color: #787c82;margin-top: 25px;}
.main4 .col-md-7 .text-center {width: 100%;margin-top: -10px;}
.main4 .col-md-7 .text-center img{width:65%;}
.main4 .col-md-5 .text-right{width: 100%;}
.main4 .col-md-5 .text-right img{width: 62%;}

/*第五页*/
.main5{background: url("../images/index/bg_group_3.png")no-repeat 0 240px;background-size:100% 590px;background-repeat: no-repeat ;}
.main5{height:830px;width: 100%;/*border: 1px solid red;*/margin-top:70px;}
.main5 .col-md-5 p{color: #000000;font-size: 48px;font-weight:600;}
.main5 .col-md-5{position: relative;}
.main5 .col-md-5 .az,.main5 .col-md-5 .ios{border-radius: 11px;box-shadow: 0px 20px 49px 0px rgba(85, 26, 0, 0.1);background-color: #ffffff;margin-top:17%;width: 320px;height: 320px;}
.main5 .col-md-5 .ios{position: absolute;right: 0;margin-top: 14%;}
.main5 .col-md-5 .az .img_1{width:65%;margin-top: 40px;}
.main5 .col-md-5 .az .img_2{width:69%;}
.main5 .col-md-5 .ios .img_1{width:65%;margin-top: 40px;}
.main5 .col-md-5 .ios .img_2{width:69%;}

    /*缩放动画效果*/
.photo1,.photo2,.photo3{
    position:relative;
    animation:mymove 5s infinite;
    -webkit-animation:mymove 5s infinite; /*Safari and Chrome*/
    animation-direction:alternate;/*轮流反向播放动画。*/
    animation-timing-function: ease-in-out; /*动画的速度曲线*/
    /* Safari 和 Chrome */
    -webkit-animation:mymove 5s infinite;
    -webkit-animation-direction:alternate;/*轮流反向播放动画。*/
    -webkit-animation-timing-function: ease-in-out; /*动画的速度曲线*/
}
@keyframes mymove {
    0%{
        transform: scale(1);  /*开始为原始大小*/
    }
    25%{
        transform: scale(1.1); /*放大1.1倍*/
    }
    50%{
        transform: scale(1);
    }
    75%{
        transform: scale(1.1);
    }
}
@-webkit-keyframes mymove /*Safari and Chrome*/
{
    0%{
        transform: scale(1);  /*开始为原始大小*/
    }
    25%{
        transform: scale(1.1); /*放大1.1倍*/
    }
    50%{
        transform: scale(1);
    }
    75%{
        transform: scale(1.1);
    }
}

@media only screen and (min-width:991px) and (max-width:1200px ){
    .main1{height: 600px;width: 100%;/*border: 2px solid #0f33ff;*/margin-top:57px;}
    .main1 .m1_right .text_1{color: #fffefe;vertical-align:middle;font-size:46px;font-weight:bold;margin-left: 20px;}
    .main1 .m1_right .text_2{color: #fffefe; font-size:24px;font-weight:600;vertical-align:middle;margin-left:6%;position:absolute;top:20px;}
    .main1 .m1_right p{font-size: 21px;color: #fffefe;margin-top: 35px;}
    .main5 .col-md-5 p{color: #000000;font-size: 43px;font-weight:600;}
    .main4 .col-md-7 .text_1{color: #333333;font-size: 35px;font-weight:600;}
}
@media screen and (min-width: 768px) and (max-width:991px ){
    .ht_1{display: none;}
    .ht_2{display:block;}
    .ht_3{display:none;}

    /*第一页*/
    .main1{height: 410px;width: 100%;/*border: 2px solid #0f33ff;*/margin-top:57px;}
    .bg_img{background: url("../images/index/bg_group_1.png")no-repeat 0 -80px;background-size:100% 430px;background-repeat: no-repeat ;}
    .main1 .m1_right{/*border: 1px solid red;*/width: 100%;height: 350px;margin-top:80px;position: relative;}
    .main1 .m1_right .img_1{width: 66px;margin-left: -15%;}
    .main1 .m1_right .text_1{color: #fffefe;vertical-align:middle;font-size:40px;font-weight:bold;margin-left: 14px;}
    .main1 .m1_right .text_2{color: #fffefe; font-size:21px;font-weight:600;vertical-align:middle;margin-left:6%;position:absolute;top:20px;}
    .main1 .m1_right p{font-size: 18px;color: #fffefe;margin-top: 35px;}
    .main1 .m1_right .img_2{position:absolute;left: 15%;margin-top:35px;width: 27%;}
    .main1 .m1_right .img_3{position:absolute;right: 0;width: 27%;margin-top:35px;}

    /*第二页*/
    .main2{height: 440px;width: 100%;/*border: 1px solid yellow;*/margin-top: 20px;}
    .main2 .col-sm-7{margin-top: 5%;}
    .main2 .col-sm-7 .text_1{color: #333333;font-size:27px;font-weight: 600;}
    .main2 .col-sm-7 .text_2{color: #787c82;font-size: 15px;}
    .main2 .row_div{margin-top:6%;border-radius: 16px;box-shadow: 0px 9px 38px 0px rgba(181, 44, 2, 0.27);background-color: #ffffff;height: 148px;}
    .main2 .row_div .text-center{margin-top: 17%;}
    .main2 .row_div img{width: 50%;}
    .main2 .col-sm-5 div{width: 100%;}
    .main2 .col-sm-5 div img{width:75%;}

    /*第四页*/
    .main3{background: url("../images/index/bg_group_2.png")no-repeat 0 30px;background-size:100% 370px;background-repeat: no-repeat ;}
    .main3{height: 430px;width: 100%;/*border: 1px solid red;*/margin-top: 50px;}
    .main3 .col-sm-5{position: relative;}
    .main3 .col-sm-5 .text-center{width: 100%;}
    .main3 .col-sm-5 .text-center img{width:68%;}
    .main3 .col-sm-5 .photo1{position: absolute;width:100%;top:-5%; left:2%;}
    .main3 .col-sm-5 .photo1 img{width: 28%;}
    .main3 .col-sm-5 .photo2{position:absolute;width:100%;bottom:13%; left:10%;}
    .main3 .col-sm-5 .photo2 img{width: 26%;}
    .main3 .col-sm-5 .photo3{position:absolute;width:100%;top:25%;right:5%;}
    .main3 .col-sm-5 .photo3 img{width: 31%;position:absolute;right:-5%;}
    .main3 .col-sm-7 .m3_text1{color: #333333;font-size:25px;font-weight:600;}
    .main3 .col-sm-7{position: relative;}
    .main3 .col-sm-7 .m3_t3{width: 80%;position: absolute;right: 0;margin-top: 20%;}
    .main3 .col-sm-7 .m3_t3 p{color: #ffffff;font-size: 18px;}

    /*第四页*/
    .main4{height: 420px;width: 100%;/*border: 1px solid red;*/margin-top: 50px;}
    .main4 .col-sm-7 .text_1{color: #333333;font-size:27px;font-weight:600;}
    .main4 .col-sm-7 .text_2{font-size: 17px;color: #787c82;margin-top: 25px;}
    .main4 .col-sm-7 .text-center {width: 100%;margin-top: -10px;}
    .main4 .col-sm-7 .text-center img{width:65%;}
    .main4 .col-sm-5 .text-right{width: 100%;}
    .main4 .col-sm-5 .text-right img{width: 68%;}

    /*第五页*/
    .main5{background: url("../images/index/bg_group_3.png")no-repeat 0 180px;background-size:100% 470px;background-repeat: no-repeat ;}
    .main5{height:650px;width: 100%;/*border: 1px solid red;*/margin-top:90px;}
    .main5 .col-sm-5 p{color: #000000;font-size:33px;font-weight:600;}
    .main5 .col-sm-5{position: relative;}
    .main5 .col-sm-5 .az,.main5 .col-sm-5 .ios{border-radius: 11px;box-shadow: 0px 20px 49px 0px rgba(85, 26, 0, 0.1);background-color: #ffffff;margin-top:17%;width: 250px;height: 250px;}
    .main5 .col-sm-5 .ios{position: absolute;right: 0;margin-top:12%;}
    .main5 .col-sm-5 .az .img_1{width:52%;margin-top: 40px;}
    .main5 .col-sm-5 .az .img_2{width:62%;margin-top: 12px;}
    .main5 .col-sm-5 .ios .img_1{width:52%;margin-top: 40px;}
    .main5 .col-sm-5 .ios .img_2{width:62%;margin-top: 12px;}

}

@media only screen and (min-width: 480px) and (max-width: 768px) {
    .ht_1{display: none;}
    .ht_2{display:none;}
    .ht_3{display:block;}
    /*第一页*/
    .main1{height:380px;width: 100%;/*border: 2px solid #ff0f26;*/margin-top:8%;}
    .bg_img{background: url("../images/index/bg_group_1.png")no-repeat 0 -80px;background-size:100% 360px;background-repeat: no-repeat ;}
    .main1 .m1_right{/*border: 1px solid red;*/width: 100%;height: 140px;margin-top:19%;position: relative;}
    .main1 .m1_right .img_1{width:13%;margin-left: -8%;}
    .main1 .m1_right .text_1{color: #fffefe;vertical-align:middle;font-size:25px;font-weight:bold;margin-left: 3%}
    .main1 .m1_right .text_2{color: #fffefe; font-size:13px;font-weight:600;vertical-align:middle;margin-left:3%;position:absolute;top:11%;}
    .main1 .m1_right p{font-size: 13px;color: #fffefe;margin-top:8%;margin-left: -39%;}
    .main1 .m1_right .img_2{position:absolute;left: -5%;margin-top:5%;width: 25%;}
    .main1 .m1_right .img_3{position:absolute;right: 35%;width: 25%;margin-top:5%;}


    /*第二页*/
  .main2{height: 560px;width: 100%;/*border: 2px solid yellow;*/margin-top: 20px;}
    .main2 .col-xs-12{margin-top: 5%;height: 150px;}
    .main2 .col-xs-12 .text_1{color: #333333;font-size:29px;font-weight: 600;}
    .main2 .col-xs-12 .text_2{color: #787c82;font-size:16px;}
    .main2 .row_div{width:65%;margin-top:14%;border-radius: 16px;box-shadow: 0px 3px 24px 0px rgba(181, 44, 2, 0.27);background-color: #ffffff;height:280px;}
    .main2 .row_div .text-center{margin-top: 2%;}
    .main2 .row_div .game_div div{width: 100%;}
    .main2 .row_div .game_div div img{width:21%;}
    .main2  .col-xs-7 .img_right{width: 100%;}
    .main2  .img_right img{width: 54%;margin-top:10%;}

    /*第三页*/
    .main3{background: url("../images/index/bg_group_2.png")no-repeat 0 30px;background-size:100% 330px;background-repeat: no-repeat ;}
    .main3{height:390px;width: 100%;/*border: 1px solid red;*/margin-top: 50px;}
    .main3 .col-xs-5{position: relative;}
    .main3 .col-xs-5 .text-center{width: 100%;margin-left:15%;}
    .main3 .col-xs-5 .text-center img{width:72%;}
    .main3 .col-xs-5 .photo1{position: absolute;width:100%;top:-5%; left:8%;}
    .main3 .col-xs-5 .photo1 img{width: 28%;}
    .main3 .col-xs-5 .photo2{position:absolute;width:100%;bottom:13%; left:10%;}
    .main3 .col-xs-5 .photo2 img{width: 26%;}
    .main3 .col-xs-5 .photo3{position:absolute;width:100%;top:25%;right:-6%;}
    .main3 .col-xs-5 .photo3 img{width: 31%;position:absolute;right:-10%;}
    .main3 .col-xs-7 .m3_text1{color: #333333;font-size:23px;font-weight:600;}
    .main3 .col-xs-7{position: relative;}
    .main3 .col-xs-7 .m3_t3{width: 80%;position: absolute;right: 0;margin-top: 30%;}
    .main3 .col-xs-7 .m3_t3 p{color: #ffffff;font-size: 15px;}

    /*第四页*/
    .main4{height: 370px;width: 100%;/*border: 1px solid red;*/margin-top: 50px;}
    .main4 .col-xs-8 .text_1{color: #333333;font-size:26px;font-weight:600;}
    .main4 .col-xs-8 .text_2{font-size: 14px;color: #787c82;margin-top: 10px;}
    .main4 .col-xs-8 .text-center {width: 100%;margin-top: -10px;}
    .main4 .col-xs-8 .text-center img{width:53%;}
    .main4 .col-xs-4 .text-right{width: 100%;}
    .main4 .col-xs-4 .text-right img{width: 94%;}

    /*第五页*/
    .main5{background: url("../images/index/bg_group_3.png")no-repeat 0 45px;background-size:100% 460px;background-repeat: no-repeat ;}
    .main5{height:500px;width: 100%;/*border: 1px solid red;*/margin-top:20px;}
    .main5 .col-xs-6 p{color: #000000;font-size:18px;font-weight:600;}
    .main5 .col-xs-6{position: relative;}
    .main5 .col-xs-6 .az,.main5 .col-xs-6 .ios{border-radius: 11px;box-shadow: 0px 20px 49px 0px rgba(85, 26, 0, 0.1);background-color: #ffffff;margin-top:5%;width:180px;height: 180px;}
    .main5 .col-xs-6 .ios{position: absolute;right: 0;margin-top: 7%;}
    .main5 .col-xs-6 .az .img_1{width:49%;margin-top: 40px;}
    .main5 .col-xs-6 .az .img_2{width:64%;margin-top: 12px;}
    .main5 .col-xs-6 .ios .img_1{width:49%;margin-top: 40px;}
    .main5 .col-xs-6 .ios{margin-top: 1%;}
    .main5 .col-xs-6 .ios .img_2{width:64%;margin-top: 12px;}
}
@media only screen and (max-width: 480px) {
    .ht_1{display: none;}
    .ht_2{display:none;}
    .ht_3{display:block;}
    /*第一页*/
    .main1{height:165px;width: 100%;/*border: 2px solid #0f33ff;*/margin-top:8%;}
    .bg_img{background: url("../images/index/bg_group_1.png")no-repeat 0 -9px;background-size:100% 171px;background-repeat: no-repeat ;}
    .main1 .m1_left{position: relative;/*border: 1px solid red;*/width:100%;margin-top: 25%;} /*视频*/
    .main1 .m1_left img{width: 37%;}
    .main1 video{position: absolute;top:12%;left:3.6%;width: 31%;}
    .main1 .m1_right{/*border: 1px solid red;*/width: 100%;height: 140px;margin-top:19%;position: relative;}
    .main1 .m1_right .img_1{width:10%;margin-left: -24%;}
    .main1 .m1_right .text_1{color: #fffefe;vertical-align:middle;font-size:16px;font-weight:bold;margin-left: 3%}
    .main1 .m1_right .text_2{color: #fffefe; font-size:12px;font-weight:600;vertical-align:middle;margin-left:3%;position:absolute;top:5%;}
    .main1 .m1_right p{font-size: 11px;color: #fffefe;margin-top:8%;margin-left: -39%;}
    .main1 .m1_right .img_2{position:absolute;left: -5%;margin-top:3%;width: 19%;}
    .main1 .m1_right .img_3{position:absolute;right: 35%;width: 19%;margin-top:3%;}


    /*第二页*/
    .main2{height: 460px;width: 100%;/*border: 2px solid #3732ff;*/margin-top: 1%;}
    .main2 .col-xs-12{margin-top: 5%;height: 150px;}
    .main2 .col-xs-12 .text_1{color: #333333;font-size:18px;font-weight: 600;}
    .main2 .col-xs-12 .text_2{color: #787c82;font-size:11px;}
    .main2 .row_div{width:80%;margin-top:0;border-radius: 16px;box-shadow: 0px 3px 24px 0px rgba(181, 44, 2, 0.27);background-color: #ffffff;height:212px;}
    .main2 .row_div .text-center{margin-top: 2%;}
    .main2 .row_div .game_div div{width: 100%;}
    .main2 .row_div .game_div div img{width:26%;}
    .main2  .col-xs-7 .img_right{width: 100%;}
    .main2  .img_right img{width:69%;}

    /*第四页*/
    .main3{background: url("../images/index/bg_group_2.png")no-repeat 0 20px;background-size:100% 180px;background-repeat: no-repeat ;}
    .main3{height:200px;width: 100%;/*border: 1px solid #3513ff;*/margin-top: 1%;}
    .main3 .col-xs-5{position: relative;}
    .main3 .col-xs-5 .text-center{width: 100%;margin-left:-125%;}
    .main3 .col-xs-5 .text-center img{width:70%;}
    .main3 .col-xs-5 .photo1{position: absolute;width:100%;top:-5%; left:-93%;}
    .main3 .col-xs-5 .photo1 img{width: 24%;}
    .main3 .col-xs-5 .photo2{position:absolute;width:100%;bottom:13%; left:-93%;}
    .main3 .col-xs-5 .photo2 img{width: 22%;}
    .main3 .col-xs-5 .photo3{position:absolute;width:100%;top:25%;right:93%;}
    .main3 .col-xs-5 .photo3 img{width: 28%;position:absolute;right:119%;}
    .main3 .col-xs-7 .m3_text1{color: #333333;font-size:14px;font-weight:600;}
    .main3 .col-xs-7{position: absolute;right:0;}
    .main3 .col-xs-7 .m3_t3{width: 80%;position: absolute;right: 5%;margin-top: 17%;}
    .main3 .col-xs-7 .m3_t3 p{color: #ffffff;font-size: 10px;}

    /*第四页*/
    .main4{height: 220px;width: 100%;/*border: 1px solid red;*/margin-top: 2%;}
    .main4 .col-xs-8 .text_1{color: #333333;font-size:15px;font-weight:600;}
    .main4 .col-xs-8 .text_2{font-size: 10px;color: #787c82;margin-top: 10px;}
    .main4 .col-xs-8 .text-center {width: 100%;margin-top: -10px;}
    .main4 .col-xs-8 .text-center img{width:55%;}
    .main4 .col-xs-4 .text-right{width: 100%;}
    .main4 .col-xs-4 .text-right img{width: 100%;}

    /*第五页*/
    .main5{background: url("../images/index/bg_group_3.png")no-repeat 0 35px;background-size:100% 440px;background-repeat: no-repeat ;}
    .main5{height:455px;width: 100%;/*border: 1px solid red;*/margin-top:20px;}
    .main5 .col-xs-6 p{color: #000000;font-size:16px;font-weight:600;}
    .main5 .col-xs-6{position: relative;}
    .main5 .col-xs-6 .az,.main5 .col-xs-6 .ios{border-radius: 11px;box-shadow: 0px 20px 49px 0px rgba(85, 26, 0, 0.1);background-color: #ffffff;margin-top:5%;width:140px;height: 140px;}
    .main5 .col-xs-6 .ios{position: absolute;right: 0;margin-top: 7%;margin-right: 8%;}
    .main5 .col-xs-6 .az .img_1{width:42%;margin-top: 40px;}
    .main5 .col-xs-6 .az .img_2{width:62%;margin-top: 12px;}
    .main5 .col-xs-6 .ios .img_1{width:42%;margin-top: 40px;}
    .main5 .col-xs-6 .ios{margin-top: 1%;}
    .main5 .col-xs-6 .ios .img_2{width:62%;margin-top: 12px;}
}